{% extends "base.html" %} {% load staticfiles %} {% block title %}充值{%endblock %} {% block css %} {% include "common/_stylesheets.html" %}
<!-- Datatables -->
<link
	href="{% static 'vendors/datatables.net-bs/css/dataTables.bootstrap.min.css' %}"
	rel="stylesheet">
<link
	href="{% static 'vendors/datatables.net-buttons-bs/css/buttons.bootstrap.min.css' %}"
	rel="stylesheet">
<link
	href="{% static 'vendors/datatables.net-fixedheader-bs/css/fixedHeader.bootstrap.min.css' %}"
	rel="stylesheet">
<link
	href="{% static 'vendors/datatables.net-responsive-bs/css/responsive.bootstrap.min.css' %}"
	rel="stylesheet">
<link
	href="{% static 'vendors/datatables.net-scroller-bs/css/scroller.bootstrap.min.css' %}"
	rel="stylesheet">
{% endblock %} {% block content %}
<div class="">
	<div class="page-title">
		<div class="title_left">
			<h3>
				计费管理
				<!-- <small> 用户基本信息管理 </small> -->
			</h3>
		</div>
	</div>
	<div class="clearfix"></div>
	<div class="row">
		<div class="col-md-12 col-sm-12 col-xs-12">
			<div class="x_panel">
				<div class="x_title">
					<h2>
						充值
						<!-- <small>Users</small> -->
					</h2>
					<ul class="nav navbar-right">
			            <li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
			            </li>
			        </ul>
					<div class="clearfix"></div>
				</div>
				<div class="x_content">
					<ul id="myTab" class="nav nav-tabs bar_tabs">
						<li class="active"><a href="#union" data-toggle="tab">银联支付</a></li>
						<!-- <li><a href="#wechat" data-toggle="tab">微信支付</a></li>
						<li><a href="#alipy" data-toggle="tab">支付宝</a></li> -->
					</ul>
					<div id="myTabContent" class="tab-content">
						<div class="tab-pane fade in active" id="union">
							<span class="col-md-2"></span>
							<span class="unionImg"><img
								src="{% static 'images/charge/unionImg.jpg' %}"
								class="img-responsive" alt="Cinque Terre"  width="200"
								height="100" >
							</span>
							<form method="post" enctype="multipart/form-data"
								action="{% url 'charge_add_union' %}" class="form-horizontal" target="_blank">
								{% csrf_token %}
								<div class="form-group">
									<label for="id_txnAmt" class="col-sm-2 control-label">充值金额：</label>
									<div class="col-md-2">
										<input type="text" class="form-control" id="id_txnAmt"
											name="txnAmt" required>
									</div>
								</div>
								<div class="col-sm-2 col-sm-offset-2 ">
									<input class="btn btn-lg btn-primary btn-block" type="submit"
										value="立即充值">
								</div>
							</form>
						</div>
						<div class="tab-pane fade" id="wechat">
						功能建设中......
							<!-- <span class="wechatImg"><img
								src="{% static 'images/charge/wechat.png' %}"
								class="img-responsive" alt="Cinque Terre" width="150"
								height="90"
								style="margin-top: 30px; margin-bottom: 30px; margin-left: 230px;"></span>
							<form method="post" enctype="multipart/form-data"
								action="{% url 'charge_add' %}" class="form-horizontal" target="_blank">
								{% csrf_token %}
								<div class="form-group">
									<label for="id_txnAmt" class="col-sm-1 control-label">充值金额：</label>
									<div class="col-md-3">
										<input type="text" class="form-control" id="id_txnAmt"
											name="txnAmt" required>
									</div>
								</div>
								<div class="col-sm-1 col-sm-offset-2 ">
									<input class="btn btn-lg btn-primary btn-block" type="submit"
										onclick="" value="立即充值">
								</div>
							</form> -->
						</div>
						<div class="tab-pane fade" id="alipy">
						功能建设中......
							<!-- <span class="alipyImg"><img
								src="{% static 'images/charge/alipy.jpg' %}"
								class="img-responsive" alt="Cinque Terre" width="150"
								height="90"
								style="margin-top: 50px; margin-bottom: 40px; margin-left: 230px;"></span>
							<form method="post" enctype="multipart/form-data"
								action="{% url 'charge_add' %}" class="form-horizontal" target="_blank">
								{% csrf_token %}
								<div class="form-group">
									<label for="id_txnAmt" class="col-sm-1 control-label">充值金额：</label>
									<div class="col-md-3">
										<input type="text" class="form-control" id="id_txnAmt"
											name="txnAmt" required>
									</div>
								</div>
								<div class="col-sm-1 col-sm-offset-2 ">
									<input class="btn btn-lg btn-primary btn-block" type="submit"
										onclick="" value="立即充值">
								</div>
							</form> -->
						</div>
					</div>

				</div>
			</div>
		</div>
	</div>
</div>
{% endblock %} {% block js %} {% include "common/_js.html" %}
<!-- Datatables -->
<script
	src="{% static 'vendors/datatables.net/js/jquery.dataTables.min.js' %}"></script>
<script
	src="{% static 'vendors/datatables.net-bs/js/dataTables.bootstrap.min.js' %}"></script>
<script
	src="{% static 'vendors/datatables.net-responsive/js/dataTables.responsive.min.js' %}"></script>
<script
	src="{% static 'vendors/datatables.net-responsive-bs/js/responsive.bootstrap.js' %}"></script>
{% endblock %}
